<script setup>
import axios from 'axios'
import { ref,reactive } from 'vue';

// let message = ref('')
let message = reactive({
  code: "",
  content: ""
})

function fun() {
  let promiseResult = axios({
    url: 'http://api.uomg.com/api/rand.qinghua',
    method: 'get',
    data: {// 参数配置在data中，参数会以json串放在请求体中，必须是post请求
       format: 'json'
    },
    params: {// 参数配置在params中，参数都以键值对拼接在url后面，不管是什么请求
      
    }
  })

  promiseResult.then(
    function(respone){
      console.log(respone)
      // message.value = respone.data.content
      //将响应的data中的对应字段赋值到message中对应的字段
      Object.assign(message, respone.data)
    }
  ).catch(
    function(error) {
      console.log('失败了：' + error)
    }
  )
}
</script>
<template>
  <div>
    <h4 v-text="message.content"></h4><br>
    <input type="button" @click="fun()" v-bind:value="'变'">
  </div>
</template>
<style scoped>
</style>